<template>
	<view class="moreFeatures" :class="APPTheme">
		<uni-nav-bar fixed status-bar left-icon="back" title="更多功能" :color="APPTheme=='theme-light'?'#000000':'#ffffff'" :background-color="APPTheme=='theme-light'?'#ffffff':'#000000'"
		 @clickLeft="$lizhao.lznavigate.lzNavigateBack()">
			<view slot="left">返回</view>
		</uni-nav-bar>
		<u-cell-group class="theme-bg" :border="false">
			<u-cell-item icon="trash" iconColor="#ffaa00" title="回收站" hover-class="theme-bg-active" title-width="600" @click="navigetTo('回收站')"></u-cell-item>
			<u-cell-item icon="question-circle" iconColor="#00aa00" title="帮助" hover-class="theme-bg-active" title-width="600" @click="navigetTo('帮助')"></u-cell-item>
		</u-cell-group>
		
		<u-no-network></u-no-network>
	</view>
</template>

<script>
	let that
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		components: {},
		data() {
			return {
			}
		},
		computed: {
			...mapGetters(['APPTheme', 'userInfo', 'api']),
		},
		onLoad() {
			that = this
		},
		onShow() {
			//设置主题颜色
			that.GLOBAL.setThemeColor(that.APPTheme)
		},
		methods: {
			navigetTo(name){
				if(name=='回收站'){
					uni.navigateTo({
						url: '/pages/document/recycleBin/recycleBin',
						success: res => {},
						fail: () => {},
						complete: () => {}
					});
				}
			}
		}
	};
</script>

<style scoped lang="scss">
	.moreFeatures {
		height: 100%;
	}
</style>
